.cutimg,
.fillimg {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

html {
    height: 100%;
}

body {
    position: relative;
    font-size: 1.3rem;
    height: 100%;
}

#app {
    min-height: 100%;
    position: relative;
    padding-bottom: 60px;
}

.copyright {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0.8em;
}

.copyright>a {
    color: #bbb;
}

/* 红 */
.theme-color1 {
    color: #e0342e !important;
}

.theme-background-color1 {
    background-color: #e0342e !important;
}

.theme-border-color1 {
    border-color: #e0342e !important;
}

/* 橙 */
.theme-color2 {
    color: #ea981b !important;
}

.theme-background-color2 {
    background-color: #ea981b !important;
}

.theme-border-color2 {
    border-color: #ea981b !important;
}

/* 蓝 */
.theme-color3 {
    color: #0076ff !important;
}

.theme-background-color3 {
    background-color: #0076ff !important;
}

.theme-border-color3 {
    border-color: #0076ff !important;
}

.tabbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 57px;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    /*padding: 5px;*/
    background-color: #fff;
}

.tabbar-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #888;
}

.tabbar-item>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #888;
}

.tabbar-item i {
    /*width: 50%;*/
    font-size: 18px;
    /*margin-bottom: 5px;*/
}

.tabbar-item span {
    font-size: 12px;
}